<template>
  <div class="home">
    <Header></Header>
    <fun-tab></fun-tab>
    <MySwiper> </MySwiper>
    <my-icons></my-icons>
    <my-recommend></my-recommend>
    <my-like></my-like>
    <Tabbar></Tabbar>
  </div>
</template>

<script>
import Header from "@/components/home/Header.vue";
import Tabbar from "../../components/common/Tabbar.vue";
import FunTab from "../../components/common/FunTab.vue";
import MySwiper from "@/components/common/Swiper.vue";
import myIcons from "@/components/home/Icons.vue";
import myLike from "@/components/home/Like.vue";
import myRecommend from "@/components/home/Recommend.vue";

export default {
  name: "Home",
  components: {
    Tabbar,
    FunTab,
    Header,
    MySwiper,
    myIcons,
    myLike,
    myRecommend,
  },

  data() {
    return {};
  },
};
</script>

<style scoped>
.fun-tabs {
  top: 90px;
}
</style>